Skip to main content

Tile Layer

Live Editor
<div>
  <MapContainer center={[126.840884, 35.190816]} width="100%" height="500px">
    <TileLayer url="https://tgxe79f6wl.execute-api.ap-northeast-2.amazonaws.com/dev/dev-drone-square-bucket/public/1/manifold/orthomosaic_tiles/{z}/{x}/{y}.png" />
  </MapContainer>
</div>
Result
Loading...
propertytypedescription
urlstringtms로 만든 타일 맵 주소를 입력할 수 있습니다.
zIndexnumberdefault = 0, 화면에 보이는 레이어의 우선순위 설정입니다.
minZoomnumberdefault = 0, tms 별로 설정된 max 레벨을 설정할 수 있습니다.
maxZoomnumberdefault = 42, tms 별로 설정된 min 레벨을 설정할 수 있습니다.
errorTileUrlstringerror 상황에서 표시할 타일 url 설정이 가능합니다.

GeoJson Layer